<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?sensor=false">
    </script>
	
    <script type="text/javascript">
	var LokasiLatLng = [
			new google.maps.LatLng(-7.981293,112.626508),
			new google.maps.LatLng(-7.980897,112.622574),
			new google.maps.LatLng(-7.98214,112.624838),
			new google.maps.LatLng(-7.98464,112.622705),
			new google.maps.LatLng(-7.986183,112.620997),
			new google.maps.LatLng(-7.99153,112.621689),
			new google.maps.LatLng(-7.993123,112.618137),
			new google.maps.LatLng(-7.996457,112.619548),
			new google.maps.LatLng(-7.994281,112.624433),
			new google.maps.LatLng(-7.997875,112.624395)];
	var pusatLatLng = new google.maps.LatLng(-7.981293,112.626508);
	
	var NamaLokasi = [
			"contoh",
			"Bakso Bakar Malang",
			"Rujak Cingur Pak Edi",
			"Bakso Sapi Cak Eko",
			"Pecel Madiun Bu Eni",
			"Sate Malang",
			"Rawon",
			"Mie Kluntung",
			"Soto Ayam",
			"Soto Daging"
		];
		
      function initialize() {
		
        var mapOptions = {
          center: pusatLatLng,
          zoom: 16,
          mapTypeId: google.maps.MapTypeId.HYBRID
        };
		
        map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
		map.setTilt(45);
		
      }
	   function drop() {
		j = 0;
		for (i in markers){
			markers[i].setMap(null);
		}		
        for (var i = 0; i < LokasiLatLng.length; i++) {
          setTimeout(function() {
            addMarker();
          }, i * 200);
        }
      }
	  
	  function addMarker() {
        markers.push(new google.maps.Marker({
          position: LokasiLatLng[j],
          map: map,
		  title: NamaLokasi[j],
          draggable: false,
          animation: google.maps.Animation.DROP
        }));
		
        j++;
      }
    </script>
  </head>
  <body onload="initialize()">
    <div id="map_canvas" style="width:80%; height:80%"></div>
	<button id="drop" onclick="drop()">Tampilkan Lokasi</button>
  </body>
</html>